<template>
  <div>
    
    <el-form :inline="true">
     <el-form-item >
        <el-button
          type="primary"
          @click="flush"
          icon="export"
        >生成案例数据</el-button>
      </el-form-item>
    
    <el-form-item>
      <el-button type="primary" @click="exportExcel">导出</el-button>
    </el-form-item>

    </el-form>
    <el-tabs value="学校概况">
      <el-tab-pane
        label="学校概况"
        name="学校概况"
      >
        <BrowseDataList
          cate="B00学校概况"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="B01办学基本条件"
        name="B01办学基本条件"
      >
        <BrowseDataList
          cate="B01办学基本条件"
          :fetchData="fetchData"
          :cols="cols3"
        />
      </el-tab-pane>
      <el-tab-pane
        label="经费收支"
        name="经费收支"
      >
        <BrowseDataList
          cate="B02经费收支"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="办学目标与定位"
        name="办学目标与定位"
      >
        <BrowseDataList
          cate="B03办学目标与定位"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="领导作用"
        name="领导作用"
      >
        <BrowseDataList
          cate="B04领导作用"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="师资队伍"
        name="师资队伍"
      >
        <BrowseDataList
          cate="B05师资队伍"
          :fetchData="fetchData"
          :cols="cols1"
        />
      </el-tab-pane>

      <el-tab-pane
        label="专业与课程建设"
        name="专业与课程建设"
      >
        <BrowseDataList
          cate="B06专业与课程建设"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>

      <el-tab-pane
        label="校企合作"
        name="校企合作"
      >
        <BrowseDataList
          cate="B07校企合作"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="教学管理"
        name="教学管理"
      >
        <BrowseDataList
          cate="B08教学管理"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="社会评价"
        name="社会评价"
      >
        <BrowseDataList
          cate="B09社会评价"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
      <el-tab-pane
        label="适应社会需求能力"
        name="适应社会需求能力"
      >
        <BrowseDataList
          cate="B10适应社会需求能力"
          :fetchData="fetchData"
          :cols="cols"
        />
      </el-tab-pane>
    </el-tabs>
  </div>

</template>
<script>
import { showLoading, hideLoading } from "@/utils/loading";
import BrowseDataList from "@/components/BrowseDataList2";
import { getUser } from "@/utils/auth";
import { getAlfx, setAlfx } from "@/api/案例分析.js";
import linq from "linq";
import { reject, async } from "q";
export default {
  components: {
    BrowseDataList,
    Temp: {
      name: "DataListItem",
      template: `<el-table-column :label='column.label' :prop='column.prop' align="center">
          
          <DataListItem :key="$index" v-for="(item,$index) in column.data?column.data:[]" :column="item" />
          </el-table-column>
          `,
      props: ["column"]
    }
  },
  data() {
    return {
      datas:[],
      cate: "A13案例分析",
      name: "13 案例分析",
      // cols: [
      //   { label: "机构设置个数(个)", prop: "机构设置个数" },
      //   { label: "教职工", prop: "教职工" ,data:[
      //     {label:"总人数(人)",prop:"教职工_总人数"},
      //     {label:"专任教师",prop:"专任教师",data:[
      //       {label:"人数(人)",prop:"教职工专任教师_人数"},
      //       {label:"比例(%)",prop:"教职工专任教师_比例"},
      //     ]},
      //     {label:"其他",prop:"其他",data:[
      //       {label:"人数(人)",prop:"教职工其他_人数"},
      //       {label:"比例(%)",prop:"教职工其他_比例"},
      //     ]},
      //   ]},
      //   { label: "学生情况", prop: "学生情况" ,data:[
      //       {label:"折合在校生数(人)",prop:"折合在校生数"},
      //       {label:"全日制学历教育在校生数(人)",prop:"全日制学历教育在校生数"},
      //       {label:"全日制高职学历教育在校生数(人)",prop:"全日制高职学历教育在校生数"},
      //       {label:"其中",prop:"其中",data:[
      //         {label:"高中起点",prop:"高中起点",data:[
      //             {label:"人数(人)",prop:"高中起点_人数"},
      //             {label:"比例(%)",prop:"高中起点_比例"},
      //     ]},
      //         {label:"中职起点",prop:"中职起点",data:[
      //             {label:"人数(人)",prop:"中职起点_人数"},
      //             {label:"比例(%)",prop:"中职起点_比例"},
      //     ]},
      //         {label:"其他",prop:"其他",data:[
      //             {label:"人数(人)",prop:"其他起点_人数"},
      //             {label:"比例(%)",prop:"其他起点_比例"},
      //     ]},
      //       ]}
      //   ]},
      //   { label: "评估状态", prop: "评估状态" ,data:[
      //        {label:"第一轮",prop:"第一轮",data:[
      //             {label:"日期(年月)",prop:"第一轮_日期"},
      //             {label:"结论",prop:"第一轮_结论"},
      //     ]},
      //        {label:"第二轮",prop:"第二轮",data:[
      //             {label:"日期(年月)",prop:"第二轮_日期"},
      //             {label:"结论",prop:"第二轮_结论"},
      //     ]},
      //        {label:"未接收评估",prop:"未接收评估"}
      //   ]},
      // ]
      init:false,
      cols: [
        {
          label: "项目名称",
          prop: "XMMC"
        },
        { label: "数值", prop: "SZ" },
        { label: "说明", prop: "SM" }
      ],
       cols3: [
        {
          label: "项目名称",
          prop: "XMMC"
        },
        
        { label: "数值", prop: "SZ" },
         { label: "标准", prop: "BZ" },
        { label: "说明", prop: "SM" }
      ],
      cols1:[
        {
          label: "项目名称",
          prop: "XMMC"
        },
          { label: "合计", prop: "SZ" },
        { label: "校内专任教师", prop: "XNZR" },
         { label: "校内兼课人员", prop: "XNJK" },
          { label: "校外兼职教师", prop: "XWJZ" },
           { label: "校外兼课教师", prop: "XWJK" },
      
      ]
    };
  },
 
  methods: {
    
    async flush() {
    try {
      showLoading();
      var user = getUser();
      await setAlfx(user.XXID, user.CJPC);
      hideLoading();
    } catch (e) {
      this.$alert(e);
    }
  },
   exportExcel() {
      var XLSX = require("xlsx");
     
      var ws = XLSX.utils.json_to_sheet(this.datas);
      var wb = XLSX.utils.book_new(); /*新建book*/
      XLSX.utils.book_append_sheet(
        wb,
        ws,
        "案例分析"
      ); /* 生成xlsx文件(book,sheet数据,sheet命名) */
      XLSX.writeFile(wb, "案例分析.xlsx"); /*写文件(book,xlsx文件名称)*/
    },
    fetchData(cate) {
      return new Promise(async (resolve, reject) => {
        try {
          var user = getUser();
        
          var datas = await getAlfx(user.XXID, user.CJPC);
          var data = linq
            .from(datas)
            .where(`$.LX == '${cate}'`)
            .toArray();
          
          this.datas = datas.map(e=>{
            return {
              类别:e.LX,
            项目名称:e.XMMC,
            数值:e.SZ,
            说明:e.SM
            }
          });
          resolve(data);
        } catch (e) {
          reject(e);
        }
      });
    }
  }
};
</script>
<style>
.el-tabs__item {
  color: white;
}
</style>